.cy-menu-item {
  padding: 0 0 0 40px;
  z-index: 1;
  padding-right: 10px;
  min-width: 80px;
  display: block;
  box-sizing: content-box;
  position: relative;
  cursor: pointer;
  font-size: 14px;

  &::before {
    content: '';
    width: 1px;
    height:100%;
    position: absolute;
    left: 25px;
    top: 0;
    background-color: var(--el-border-color);
    z-index: 0;
  }

  a {
    color: #333;
    display: block;
    padding-bottom: 10px;
  }

 
}
.cy-menu-active {
  color: var(--el-color-primary);

  &::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 25px;
    top: auto;
    width: 2px;
    height: 17px;
    background-color: var(--el-color-primary);
  }
}
.cy-menu-warp {
  position: relative;
  display: flex;
  padding-bottom: 10px;

  &-row {
    flex-direction: row;

    .cy-menu-item {
      padding-left: 10px;
      padding-bottom: 16px;

      &::before {
        width: 100%;
        height: 1px;
        bottom: 0;
        left: 0;
        top: auto;
      }

      & .active {
        &::before {
          width: 100%;
          height: 2px;
          bottom: 0;
          left: 0;
          top: auto;
        }
      }
    }
  }

  &-column {
    flex-direction: column;
  }
}
.cy-menu-children{
  // text-indent: 1rem;
  margin-left: 1rem;

}
.cy-menu-chilidren-active {
  color: var(--el-color-primary);

  &::before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 25px;
    top: auto;
    width: 2px;
    height: 15px;
    background-color: var(--el-color-primary);
  }
}